<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui" 
	xmlns:sf="http://www.springframework.org/tags/faces"
	template="/WEB-INF/layouts/standard.xhtml">

	<ui:define name="content">
		<ui:fragment id="categoriasFragment">
		<div class="section">
			<ui:fragment id="messages">
				<div id="messagesInsertionPoint">
					<p:messages errorClass="errors" />
				</div>
			</ui:fragment>
			<h:form id="categorias">
			<fieldset>
			<h3> <h:outputText value="#{obra.name}"/>  </h3>
			<h3> Total precio de Licitacion:<h:outputText value="#{obra.price}"><f:convertNumber type="currency" currencySymbol="$"/></h:outputText>
			
			</h3>
				<p:dataTable id="tbl" styleClass="summary"  value="#{obra.categorias}"
				var="categoria" rows="10">
					 <p:column  resizeable="true" sortable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Nombre" />  
				        </f:facet>  
				        <h:outputText value="#{categoria.name}" />  
				    </p:column>
				    <p:column  resizeable="true" sortable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Presupuesto" />  
				        </f:facet>  
				       		<h:outputText value="#{categoria.presupuesto}">
				       			<f:convertNumber type="currency" currencySymbol="$"/>
				            </h:outputText>    
				    </p:column>
				    <p:column  resizeable="true" sortable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Gasto Actual" />
				        </f:facet>  
				       		<h:outputText value="#{categoria.actualTotal}">
				       			<f:convertNumber type="currency" currencySymbol="$"/>
				       		</h:outputText>  
				    </p:column>
				    <p:column  resizeable="true" sortable="true">  
				        <f:facet name="header">  
				            <h:outputText value="Porcentaje(%)" />  
				        </f:facet>  
				       		<h:outputText value="#{categoria.percentageOfTotal} %" />  
				    </p:column>
		 	   </p:dataTable>
		 	   <div class="buttonGroup">
					<sf:commandButton value="Volver a la Obra" action="volver"/>
					<sf:commandButton value="Ver Finanzas" action="verGastos"/>
				</div>
			   </fieldset>
			</h:form>
			</div>
		</ui:fragment>
	</ui:define>
</ui:composition>
